import antd from "./antd";
import basic from "./basic";
import components from "./components";
import { icons } from "../../Left";
import DragPanel from "../../Left/DragPanel";
import TreePanel from "../../TreePanel";
import { ReactElement } from "react";

const menus: {
  key: string;
  icon: keyof typeof icons;
  panel: ReactElement;
}[] = [
  {
    key: "tree",
    icon: "tree",
    panel: <TreePanel />
  },
  {
    key: "basic",
    icon: "HTML5",
    panel: <DragPanel data={basic} />
  },
  {
    key: "antd",
    icon: "antd",
    panel: <DragPanel data={antd} />
  },
  {
    key: "components",
    icon: "components",
    panel: <DragPanel data={components} />
  }
];

export default menus;
